<template>
    <Modal v-model="ShowModal" title="初始化项目信息"  :options="options" class="modal">
        <div>
            <Form>
                <FormItem label="测试项目信息">
                    <Input placeholder="请输入测试项目名称(英文)" ></Input>
                </FormItem>
                <FormItem label="输入测试人姓名">
                    <Input placeholder="输入测试人姓名" ></Input>
                </FormItem>
            </Form>
        </div>
    </Modal>
</template>
<script lang="ts">
import {
  Vue,
  Component,
  Prop,
  Watch,
  Emit,
  Model,
  Inject,
  Provide
} from "vue-property-decorator";
import { Getter, Action, State, Mutation } from "vuex-class";
import { cloneDeep } from "lodash";
//TODO 导入搜索接口
//props的属性一般不需要再在类中进行初始化
@Component({
  props: {
    value: {
      type: Boolean,
      default: false
    }
  },
  components: {}
})
export default class AddStepInfo extends Vue {
    value:any;
    options: object = {
        area: "65%",
        anim: 3,
        resize: true,
        maxmin: true,
        moveOut: true,
        btn: ["确认", "取消"],
        yes: this.yes,
        bt2: this.btn2
    };
    yes(){

    }
    btn2(){

    }
    get ShowModal() {
        return this.value;
    }
    set ShowModal(v: boolean) {
        this.$emit("input", v);
    }
    mounted() {
        //组件被加载的时候触发
    }
    created() {}
}
</script>
<style scoped>
.modal {
  padding: 30px;
}
</style>

              